<!DOCTYPE html>
<html>
<head>
<title>Json在线解析</title>
<meta charset="utf-8" />
<meta name="keywords" content="json,json在线解析,json格式化,json格式验证,json数组" />
<meta name="description" content="一款简洁优雅的在线json解析器，可能是目前最好用的json在线查看工具" />
<meta name="_csrf" th:content="${_csrf.token}"/>
<meta name="_csrf_header" th:content="${_csrf.headerName}"/>
<link rel="stylesheet" th:href="@{/statics/css/bootstrap.min.css}" />
<link rel="stylesheet" th:href="@{/statics/css/font-awesome.min.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/statics/plugins/jsonon/css/hint.min.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/statics/plugins/jsonon/css/loading.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/statics/plugins/jsonon/css/main.css}" />

<link rel="stylesheet" type="text/css" th:href="@{/statics/plugins/codemirror/lib/codemirror.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/statics/plugins/codemirror/addon/hint/show-hint.css}" />
</head>
<style type="text/css">
		.CodeMirror {
      		font-size:16px;
            width: 100%;
      		height: 100%;
            /*bottom: 0;
            top: 0px;*/
            position: absolute;
		}
    </style>
<body>
	<div class="grid-btn side-top">
			<div class="form-group col-sm-5 form-horizontal">
				<input type="text" class="form-control" id="secretkey" placeholder="秘钥" />
			</div>
<!-- 			<div class="form-group col-sm-2 form-horizontal"> -->
<!-- 				<input type="text" class="form-control" id="groupcode" placeholder="组织码" /> -->
<!-- 			</div> -->
<!-- 			<a class="btn btn-default" onclick="UserHandler.query()"><i class="fa fa-sort-alpha-asc"></i>&nbsp;生成</a>  -->
<!-- 			<a class="btn btn-danger" onclick="UserHandler.del(getSelectedRows())"><i class="fa fa-paint-brush"></i>&nbsp;清空</a>  -->
<!-- 			<a class="btn btn-success" onclick="UserHandler.newAdd()"> <i class="fa fa-database"></i>&nbsp;压缩 </a>  -->
<!-- 			<a class="btn btn-primary" onclick="UserHandler.refresh()"><i class="fa fa-magic"></i>&nbsp;美化</a> -->
	</div>
	<div class="side-left side-view-formater">
		<div class="left-panel">
			<textarea id="ideWindow" >{}</textarea>
		</div>
	</div>
	<div class="splitx"></div>
	<div class="side-right">
		<div class="right-inner">
			<div class="right-bar ">
				<div class="pull-left btn-group row col-sm-4">
				<a class="btn btn-primary" onclick="ACT.generate()"><i class="fa fa-sort-alpha-asc"></i>&nbsp;生成</a> 
				<a class="btn btn-info copy disabled" data-clipboard-target="#access-token"><i class="fa fa-clone"></i>&nbsp;复制</a> 
				<a class="btn btn-danger" onclick="ACT.clearIdeWindow()"><i class="fa fa-paint-brush"></i>&nbsp;清空</a> 
				<a class="btn btn-success" onclick="ACT.compress()"> <i class="fa fa-database"></i>&nbsp;压缩 </a> 
				<a class="btn btn-warning" onclick="ACT.beauty()"><i class="fa fa-magic"></i>&nbsp;美化</a>
				<a class="btn btn-danger" onclick="ACT.clear()"><i class="fa fa-eraser"></i>&nbsp;重置</a> 
				</div>
			</div>
			
			<div class="right-main">
				<div class="panel panel-success">
				  	<div class="panel-heading">
				    	<h4 class="panel-title">排序后输出:</h4>
				  	</div>
				  	<div class="panel-footer">
						<input type="text" readonly="readonly"  class="form-control" id="sortResult" placeholder="排序结果" />
				  	</div>
				  	<div class="panel-footer">
						<div class="input-group">
						<input type="text" readonly="readonly" name="access-token" placeholder="access-token" id="access-token" value="" class="form-control" />
						   <span class="input-group-btn">
					        <a class="btn btn-default copy disabled" data-clipboard-target="#access-token"  type="button">
					        <i class="fa fa-clone"></i>&nbsp;复制</a>
					      </span>
				        </div>
				    	<code>请将access-token的值放入header参数</code>
					</div>
				</div>
			  <div class="view-error">
	            <pre id="jsonerror"></pre>
	          </div>
			</div>
			
			
		</div>
	</div>		
	<!--用于移动的时候遮住文本域 避免被选中-->
	<div class="widnow-cover"></div>
	<script th:src="@{/statics/plugins/jsonon/js/jquery.js}"></script>
	<script th:src="@{/statics/plugins/jsonon/js/jsonlint.js}"></script>
	<script th:src="@{/statics/plugins/jsonon/js/parse.js}"></script>
	<script th:src="@{/statics/plugins/jsonon/js/editor.js}"></script>
	<script th:src="@{/statics/plugins/jsonon/js/localforage.min.js}"></script>
	<script th:src="@{/statics/plugins/jsonon/js/uuid.js}"></script>
	<script th:src="@{/statics/plugins/jsonon/js/clipboard.min.js}"></script>
	<script th:src="@{/statics/plugins/jsonon/js/helper.js}"></script>
	<script th:src="@{/statics/js/usm.js}"></script>
	
	<script th:src="@{/statics/plugins/codemirror/lib/codemirror.js}"></script>
	<script th:src="@{/statics/plugins/codemirror/mode/clike/clike.js}"></script>
	<script th:src="@{/statics/plugins/codemirror/mode/shell/shell.js}"></script>
	<script th:src="@{/statics/plugins/codemirror/mode/python/python.js}"></script>
	<script th:src="@{/statics/plugins/codemirror/addon/hint/show-hint.js}"></script>
	<script th:src="@{/statics/plugins/codemirror/addon/hint/anyword-hint.js}"></script>
	<script th:src="@{/statics/js/modules/act/act.js}"></script>
</body>
</html>
